:root {
  --xf-color-1: #000000;
  --xf-color-2: #ffffff;
  --xf-color-3: #efefef;
  --xf-color-4: #312f34;
  --xf-color-5: #dedede;
  --xf-color-6: #666666;
  --xf-color-7: #ff7200;
  --xf-color-8: #009cff;
  --xf-color-9: #7fceef;
  --xf-color-10: #fbb113;
  --xf-color-11: #78767a;
  --xf-color-12: #332986;
  --xf-color-13: #ff5252;
  --xf-color-14: #ff6600;
  --xf-color-15: #ffc0cb;
  --xf-color-16: #cccccc;
  --xf-color-17: #a94442;
  --xf-color-18: #f2dede;
  --xf-color-19: #ebccd1;
  --xf-color-20: #191919;
  --xf-color-21: #e872de;
  --xf-color-22: #ffc3e3;
  --xf-color-23: #03a9f4;
  --xf-color-24: #373737;
  --xf-rgb-color-1: rgba(42, 42, 42, 0.35);
  --xf-rgb-color-2: rgba(42, 42, 42, 0.5);
  --xf-rgb-color-3: rgba(255, 255, 255, 0.5);
  --xf-shadow-out: 0.2rem 0.2rem 0.4rem rgba(42, 42, 42, 0.25), -0.2rem -0.2rem 0.4rem #fff;
  --xf-shadow-int: inset 0.2rem 0.2rem 0.4rem rgba(42, 42, 42, 0.25), inset -0.2rem -0.2rem 0.4rem #fff;
  --xf-shadow-out-dark: 0.2rem 0.2rem 0.4rem #000, -0.2rem -0.2rem 0.4rem #242424;
  --xf-shadow-int-dark: inset 0.2rem 0.2rem 0.4rem #000, inset -0.2rem -0.2rem 0.4rem #242424;
  --xf-shadow-box-1: 20px 0 #ff9f52, 40px 0 #528bff;
  --xf-shadow-text-1: 0 0 3px rgba(255, 255, 255, 0.3);
  --xf-linear-shadow-1: inset 1px 1px 2px rgba(42, 42, 42, 0.25), inset -1px -1px 2px #fff;
  --xf-linear-color-1: #7e00ff 0%, #00fff6 100%;
  --xf-linear-color-2: #eb685c, #c5e886, #5c8ceb, #e872de, #0da2aa;
  --xf-text-shadow-1: -1px 1px 1px #607d8b;
  --xf-backdrop-filter-1: blur(0.35rem);
}
.xf_shadow_out {
  border-radius: 10px;
  -webkit-box-shadow: var(--xf-shadow-out);
  box-shadow: var(--xf-shadow-out);
  background-color: var(--xf-color-3);
}
.xf_shadow_int {
  border-radius: 10px;
  -webkit-box-shadow: var(--xf-shadow-int);
  box-shadow: var(--xf-shadow-int);
  background-color: var(--xf-color-3);
}
.xf_loading_color {
  color: var(--xf-color-23) !important;
}
a {
  color: var(--xf-color-6);
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}
a:hover {
  color: var(--xf-color-13);
}
p {
  color: var(--xf-color-11);
}
img {
  border: 0;
  -moz-vertical-align: middle;
  vertical-align: middle;
}
button {
  margin: 0;
  padding: 0;
  outline: none;
  border-radius: 0;
  background-color: transparent;
  line-height: inherit;
  width: max-content;
}
button::after {
  border: none;
}
i {
  font-style: normal;
}
::selection {
  background: var(--xf-color-15);
  color: var(--xf-color-2);
}
::-moz-selection {
  background: var(--xf-color-15);
  color: var(--xf-color-2);
}
::selection {
  background: var(--xf-color-15);
  color: var(--xf-color-2);
}
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #f7f7f7;
}
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px #cfcfd1;
  -webkit-box-shadow: inset 0 0 6px #cfcfd1;
  border-radius: 20px;
  background-color: #f7f7f7;
}
::-webkit-scrollbar-thumb {
  border-radius: 20px;
  box-shadow: inset 0 0 0 6px #cfcfd1;
  -webkit-box-shadow: inset 0 0 6px #cfcfd1;
  background-color: #ffc3e3;
}
@font-face {
  font-family: "iconfont";
  /* Project id  */
  src: url('../font/iconfont.ttf') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-family: "JuraMedium";
  src: url('../font/JuraMedium-4.ttf') format('truetype');
}
@font-face {
  font-family: "jiangnanti";
  src: url("../font/jiangnanti.eot");
  /* IE9 */
  src: url("../font/jiangnanti.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../font/jiangnanti.woff") format("woff"), /* chrome、firefox */ url("../font/jiangnanti.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */ url("../font/jiangnanti.svg#jiangnanti") format("svg");
  /* iOS 4.1- */
  font-style: normal;
  font-weight: normal;
}
.icon-zuobiao:before {
  content: "\e659";
}
.icon-qichuang:before {
  content: "\e686";
}
.icon-shuijue:before {
  content: "\e689";
}
.icon-aihao:before {
  content: "\e603";
}
.icon-zixi:before {
  content: "\e60d";
}
.icon-shuaxin:before {
  content: "\ec08";
}
.icon-tianqiicon_qingtian_baitian:before {
  content: "\e619";
}
.icon-tianqiicon_qingtian_heiye:before {
  content: "\e61a";
}
.icon-weixin:before {
  content: "\e630";
}
.icon-QQ:before {
  content: "\e667";
}
.icon-xingming:before {
  content: "\e6a2";
}
.icon-tubiaozhizuomoban_annianlingfenbu:before {
  content: "\e602";
}
.icon-wangzhandingzhi:before {
  content: "\e69d";
}
